<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="plugin/layui/css/layui.css">
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="plugin/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="static/css/main.css">
</head>
<body class="childrenBody">
<div class="panel_box row">
    <div class="panel col">
        <a href="javascript:;" data-url="page/message/message.html">
            <div class="panel_icon">
                <i class="fa fa-commenting-o" ></i>
            </div>
            <div class="panel_word newMessage">
                <span>5</span>
                <cite>新消息</cite>
            </div>
        </a>
    </div>
    <div class="panel col">
        <a href="javascript:;" data-url="">
            <div class="panel_icon" style="background-color:#FF5722;">
                <i class="fa fa-user-plus" data-icon=""></i>
            </div>
            <div class="panel_word userAll">
                <span>3</span>
                <cite>新增人数</cite>
            </div>
        </a>
    </div>
    <div class="panel col">
        <a href="javascript:;" data-url="">
            <div class="panel_icon" style="background-color:#009688;">
                <i class="layui-icon" data-icon="&#xe613;">&#xe613;</i>
            </div>
            <div class="panel_word userAll">
                <span>3</span>
                <cite>用户总数</cite>
            </div>
        </a>
    </div>
    <div class="panel col max_panel">
        <a href="javascript:;" data-url="page/news/newsList.html">
            <div class="panel_icon" style="background-color:#2F4056;">
                <i class="layui-icon" data-icon="&#xe705;">&#xe705;</i>
            </div>
            <div class="panel_word allNews">
                <span>20</span>
                <cite>文章总数</cite>
            </div>
        </a>
    </div>
    <div class="panel col">
        <a href="javascript:;" data-url="page/img/images.html">
            <div class="panel_icon" style="background-color:#5FB878;">
                <i class="fa fa-file-picture-o " ></i>
            </div>
            <div class="panel_word imgAll">
                <span>23</span>
                <cite>图片总数</cite>
            </div>
        </a>
    </div>
    <div class="panel col">
        <a href="javascript:;" data-url="page/news/newsList.html">
            <div class="panel_icon" style="background-color:#F7B824;">
                <i class="fa fa-file-text" ></i>
            </div>
            <div class="panel_word waitNews">
                <span>18</span>
                <cite>待审核文章</cite>
            </div>
        </a>
    </div>

</div>
<div class="row layui-row">
    <div class="layui-col-xs12 layui-col-sm6  col">
        <blockquote class="layui-elem-quote title">基本参数</blockquote>
        <table class="layui-table">
            <colgroup>
                <col width="150"><col>
            </colgroup>
            <tbody>
            <tr>
                <td>开发框架</td>
                <td class="version">Layer Layui</td>
            </tr>

            <tr>
                <td>服务器环境</td>
                <td class="server">Linux Apache</td>
            </tr>
            <tr>
                <td>PHP版本</td>
                <td class="dataBase">7.1</td>
            </tr>
            <tr>
                <td>Mysql版本</td>
                <td class="dataBase">5.6</td>
            </tr>
            <tr>
                <td>最大上传限制</td>
                <td class="maxUpload">2M</td>
            </tr>
            <tr>
                <td>开发作者</td>
                <td class="author">我是超人</td>
            </tr>
            <tr>
                <td>联系作者</td>
                <td class="userRights">wubin.mail@foxmail.com</td>
            </tr>
            <tr>
                <td>个人主页</td>
                <td class="userRights"><a href="http://www.wubin.pro" target="_blank">武斌博客</a></td>
            </tr>
            </tbody>
        </table>
        <blockquote class="layui-elem-quote title">最新文章<i class="iconfont icon-new1"></i></blockquote>
        <table class="layui-table" lay-skin="line">
            <colgroup>
                <col>
                <col width="110">
            </colgroup>
            <tbody class="hot_news">
                <tr>
                    <td align="left">css3用transition实现边框动画效果</td>
                    <td>2017-04-14</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div class="layui-col-xs12 layui-col-sm6  col">
            <blockquote class="layui-elem-quote title">更新日志</blockquote>
            <div class="layui-elem-quote layui-quote-nm">
                <fieldset class="layui-elem-field layui-field-title">
                    <legend>版本号:# v1.0.0 （发行版） 2018-01-29</legend>
                    <div class="layui-field-box">
                        <p>1、基本布局构建</p>
                    </div>
                </fieldset>
            </div>
    </div>
</div>
</body>
</html>